require(['./config'],() => {
    // console.log("aa")
    require(['template','header','footer'],(template) => {
        class Index {
            constructor () {
                
                this.slider()
            }
            slider () {
                $.get('/libs/json/banner_slider.json',list => {
                    // console.log(list.length)
                    var lastIndex = 0,
                        index = 0,
                        timer = null
                       
                    $('#bannerSlider').html(template('bannerSliderTemplate', { list }))
                    // $('#bannerBtns').html(template('bannerBtnsTemplate',{ list }))
                    // console.log($('#bannerBtns li'))
                    for (var i = 0 ;i < list.length ;i++) {
                        $(`<li>${i+1}</li>`).addClass(i === 0 ? 'ac' : '').appendTo('#bannerBtns').on('click',function () {
                            lastIndex = index
                            index = $(this).index()
                           sliderMove()
                        })
                    }
                    
                   
                        $('#goNext').on('click',function () {
                            lastIndex = index
                            index++
                            if (index === list.length) {
                                index = 0
                            }
                            // console.log(index)
                            sliderMove()
                        })
                    
                        $('#goPrev').on('click',function () {
                            lastIndex = index
                            index--
                            if (index < 0) {
                                index = list.length - 1
                            }
                            sliderMove()
                        })
                    
                    auto()
                    function auto () {
                       timer = setInterval(() => {
                        $('#goNext').trigger('click')
                       },2000)
                    }
                    
                    $('#banner').hover(function () {
                        clearInterval(timer )
                    },auto)

                    function sliderMove() {
                        $('#bannerBtns li').eq(lastIndex).removeClass('ac')   
                        $('#bannerBtns li').eq(index).addClass('ac')
                        $('#bannerSlider li').eq(lastIndex).removeClass('ac')   
                        $('#bannerSlider li').eq(index).addClass('ac')
                    }

                })

                $.get('/libs/json/new.json',list => {
                   
                    if (list.code === 200) {
                        $('#new1').html(template('new1Template', { list : list.body.listOne}))
                        $('#new2').html(template('new2Template', { list : list.body.listTwo}))
                    }
                    
                })
                
            } 
        }
        new Index() 
    })
})


